.taiChiContainer {
    width: 100%;
    height: 100%;
    display: flex;
    justify-content: center;
    align-items: center;
    .taiChiMain {
        width: 500px;
        height: 500px;
        position: relative;
        .yinYangFish {
            width: 350px;
            height: 350px;
            display: flex;
            border-radius: 50%;
            overflow: hidden;
            animation: fish 5s infinite linear;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: -175px;
            margin-left: -175px;
            .fish {
                flex: 1;
                height: 100%;
                position: relative;
                .fishHeader {
                    width: 100%;
                    height: 50%;
                    border-radius: 50%;
                    position: absolute;
                    z-index: 1;
                    display: flex;
                    justify-content: center;
                    align-items: center;
                    .fishEye {
                        width: 50px;
                        height: 50px;
                        border-radius: 50%;
                    }
                }
            }
            .blackFish {
                background-color: #000;
                .fishHeader {
                    background-color: #000;
                    top: 0;
                    right: -50%;
                    .fishEye {
                        background-color: #fff;
                    }
                }
            }
            .whiteFish {
                background-color: #fff;
                .fishHeader {
                    background-color: #fff;
                    bottom: 0;
                    left: -50%;
                    .fishEye {
                        background-color: #000;
                    }
                }
            }
        }
    }
}
@keyframes fish {
    0% {transform:rotate(0deg)}
    100% {transform:rotate(360deg)}
}
